<template>
  <div class="topbackground">
    <div class="topcontainer">
      <div class="top-left">1</div>
      <div class="top-main">智慧管网监测系统</div>
      <div class="top-right">3</div>
    </div>
  </div>
</template>

<script lang="ts" setup></script>

<style lang="less">
.topbackground {
  background: url("/assets/base/top.png");
}

.topcontainer {
  height: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-left {
  //flex: ;
}
.top-main{
  color: #FFFFFF;
  font-size: 2em;
  font-weight: bold;
  font-family:"Microsoft YaHei UI";
}
</style>
